<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

</h:head>
<title>Lista de Clientes</title>
<h:body>
	<f:view>
		<h:form>
			<center>
				<h:form>
					<p:panel>
						<p:panelGrid columns="3">
							<p:commandLink value="Inicio" action="menu.xhtml"  />
							<p:commandLink value="Novo Cliente" action="cadastro-de-cliente.xhtml" />
							<p:commandLink value="Relatórios"
								action="lista-de-usuarios.xhtml" />
						</p:panelGrid>
					</p:panel>
					<p:dataTable style="font-size: 12px" value="#{clienteBean.listClientes}" var="cliente" border="1"
						emptyMessage="Não ha registros" filterBay="#{clienteBean.cliente}"
						id="tabela">
						<p:column>
							<f:facet name="header">
			   	   Codigo:
			        </f:facet>
							<h:outputText value="#{cliente.idCliente}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	    Nome/Razão Social:
			        </f:facet>
							<h:outputText value="#{cliente.nomeRazao}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Apelido/Fantasia:
			        </f:facet>
							<h:outputText value="#{cliente.apelidoFantasia}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   CPF/CNPJ
			        </f:facet>
							<h:outputText value="#{cliente.cpfCnpj}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Endereço
			        </f:facet>
							<h:outputText value="#{cliente.endereco.endereco}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Complemento
			        </f:facet>
							<h:outputText value="#{cliente.endereco.complemento}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Bairro
			        </f:facet>
							<h:outputText value="#{cliente.endereco.bairro}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   cep
			        </f:facet>
							<h:outputText value="#{cliente.endereco.cep}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   cidade
			        </f:facet>
							<h:outputText value="#{cliente.endereco.cidade}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Estado
			        </f:facet>
							<h:outputText value="#{cliente.endereco.estado}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Telefones
			        </f:facet>
							<h:outputText
								value="#{cliente.contato.telefone}/#{cliente.contato.telefoneAux}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Emails
			        </f:facet>
							<h:outputText
								value="#{cliente.contato.email}/#{cliente.contato.emailAux}" />
						</p:column>
						<p:column>
							<f:facet name="header">
			   	   Ações
			        </f:facet>
							<p:commandButton value="Remover" id="remove"
								actionListener="#{lojaBean.removerLoja}">
								<f:param name="idLoja" value="#{loja.codigoLoja}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
				</h:form>
			</center>
		</h:form>
	</f:view>
</h:body>
</html>
